<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>User</title>
    <!--新Bootstrap核心CSS文件-->
    <link rel="stylesheet" herf="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://apps.bding.com/libs/jquery.2.1.4/jquery.min.js"></script>

    <!--bootstrap.bundle.min.js用于弹窗，提示，下拉菜单，包含了 popper.min.js-->
    <script src="https://cdn.staticfile.org/popper.js/1.150/umd/popper.min.js"></script>

    <!--最新的Bootstrap4核心javaScript文件-->
    <script src="https://cdn.staticfile.org.twitter-bootstrap.4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div id="selectResult">
    <table class="table table-dark table-hover">
        <thead>
        <tr>
            <th>用户ID</th>
            <th>用户名称</th>
            <th>用户密码</th>
            <th>用户权限</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user:${userList}">
            <tb th:text="${user:id}"></tb>
            <tb th:text="${user:name}"></tb>
            <tb th:text="${user:password}"></tb>
            <tb th:text="${user:role}"></tb>
            <tb>
                <a th:herf="@{/user+{id}{id=${user.id}}}">修改</a>
                <a th:herf="@{deleteUser+{id}{id=${user.id}}}"id="delete">删除</a>
            </tb>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>